<div id="decorationActivityItemPageContent">

    <div class="row">
        <div class="col-xs-12">

            <div class="page-content">
                <div class="page-header">
                    <h1>
                        <span id="activityName">订单活动物品</span>
                    </h1>
                </div>
                <div class="col-md-12">
                    <button id="joinActivityBtn" class="btn btn-info" type="button"><i class="icon-cog bigger-110"></i>参加活动
                    </button>
                    <button id="applyActivityItemBtn" class="btn btn-info" type="button"><i
                            class="icon-cog bigger-110"></i>申领活动物品
                    </button>
                    <button id="applySpecialActivityItemBtn" class="btn btn-info" type="button"><i
                            class="icon-cog bigger-110"></i>特批活动物品
                    </button>
                    <div class="col-sm-6" id="activityItems" style="padding:0px;float:right;text-align:right;">

                    </div>
                </div>
                <div class="col-md-12 hr"></div>


                <div class="row">
                    <div class="col-xs-12 col-sm-12 pricing-span-body" style="padding: 30px;">
                        <div id="decorationActivityItems"></div>
                    </div>
                    <hr/>
                    <div class="col-md-12 hr"></div>

                    <div class="col-xs-12 col-sm-12 pricing-span-body" style="padding: 30px;">
                        <div id="decorationActivityItems1"></div>
                    </div>
                    <hr/>


                </div>

            </div>

        </div>
    </div>
    <div class="text-right col-md-12">
        <div class="hr"></div>
        <button id="backBtn" type="button" class="btn btn-info">
            <i class="icon-mail-forward bigger-110"></i>
            返回
        </button>
    </div>
</div>
<!--参加活动-->
<div class="modal fade" id="joinDecorationActivityModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="activityDialog">参加活动</h4>
            </div>

            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="activity" class="col-sm-3 control-label no-padding-right">活动</label>
                        <div class="col-sm-9">
                            <select class='col-xs-10 col-sm-5 v_required' id='activityInfo' data-toggle="popover"
                                    data-trigger='manual'></select>
                        </div>
                    </div>
                </form>
            </div>

            <div class="modal-footer">
                <button type="button" id="submitDecorationActivityBtn" class="btn btn-primary">保存</button>
                <button type="button" id="cancelBtn" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

<!--申领活动物品-->
<div class="modal fade" id="applyDecorationActivityItemModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="agreementDialog">申领活动物品</h4>
            </div>

            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="activity" class="col-sm-3 control-label no-padding-right">活动</label>
                        <div class="col-sm-9">
                            <select class='col-xs-10 col-sm-5 v_required' id='activity' data-toggle="popover"
                                    data-trigger='manual'></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="activity" class="col-sm-3 control-label no-padding-right">类型</label>
                        <div class="col-sm-9">
                            <select class='col-xs-10 col-sm-5 v_required' id='receiveTypes' data-toggle="popover"
                                    data-trigger='manual'></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="things" class="col-sm-3 control-label no-padding-right">物品</label>
                        <div class="col-sm-9">
                            <select id="things" multiple="multiple"
                                    class="col-sm-7 col-xs-10 chosen-select tag-input-style" data-placeholder="..."
                                    data-toggle="popover" data-trigger='manual'></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="coupons" class="col-sm-3 control-label no-padding-right">券</label>
                        <div class="col-sm-9">
                            <select id="coupons" multiple="multiple"
                                    class="col-sm-7 col-xs-10 chosen-select tag-input-style" data-placeholder="..."
                                    data-toggle="popover" data-trigger='manual'></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="approveActivityItemManSel"
                               class="col-sm-3 control-label no-padding-right">审批人</label>
                        <div class="col-sm-9">
                            <div id="approveActivityItemManSel" class="col-xs-10 col-sm-6 ">
                            </div>
                        </div>
                    </div>
                    <div class="space-4"></div>
                </form>
            </div>

            <div class="modal-footer">
                <button type="button" id="submitDecorationActivityItemBtn" class="btn btn-primary">保存</button>
                <button type="button" id="cancelBtn" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

<!--特批活动物品-->
<div class="modal fade" id="applySpecialDecorationActivityItemModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="agreementDialog">特批活动物品</h4>
            </div>

            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="activity" class="col-sm-3 control-label no-padding-right">选择活动</label>
                        <div class="col-sm-9">
                            <select class='col-xs-10 col-sm-5 v_required' id='selectAtivity' data-toggle="popover"
                                    data-trigger='manual'></select>
                        </div>
                    </div>
                    <div class="space-4"></div>

                    <div id="couponInfo">

                        <div class="form-group">
                            <label for="activity" class="col-sm-3 control-label no-padding-right">类型:特殊券/特殊物品</label>
                            <div class="col-sm-9">
                                <select class='col-xs-10 col-sm-5 v_required' id='activityType' data-toggle="popover"
                                        data-trigger='manual'></select>
                            </div>
                        </div>
                        <div class="space-4"></div>

                        <div class="form-group">
                            <label for="activity" class="col-sm-3 control-label no-padding-right">状态类型</label>
                            <div class="col-sm-9">
                                <select class='col-xs-10 col-sm-5 v_required' id='receiveType' data-toggle="popover"
                                        data-trigger='manual'></select>
                                <div></div>
                            </div>
                        </div>
                        <div class="space-4"></div>

                        <div class="form-group">
                            <label for="activity" class="col-sm-3 control-label no-padding-right">奖品名称</label>
                            <div class="col-sm-9">
                                <select class='col-xs-10 col-sm-5 v_required' id='awardStockName' data-toggle="popover"
                                        data-trigger='manual'></select>
                            </div>
                        </div>
                        <div class="space-4"></div>
                        <div class="form-group">
                            <label for="activity" class="col-sm-3 control-label no-padding-right">金额</label>
                            <div class="col-sm-9">
                                <input type="text" class='col-xs-10 col-sm-5 v_required v_price'
                                       id='activityItemMoney' data-toggle="popover" data-trigger='manual'>
                            </div>
                        </div>
                        <div class="space-4"></div>

                        <div class="form-group">
                            <label for="activity" class="col-sm-3 control-label no-padding-right">数量</label>
                            <div class="col-sm-9">
                                <input type="text" class='col-xs-10 col-sm-5 v_required v_number'
                                       id='activityItemNum' data-toggle="popover" data-trigger='manual'>
                            </div>
                        </div>
                        <div class="space-4"></div>
                    </div>
                    <div class="form-group">
                        <label for="approveSpecialActivityItemManSel"
                               class="col-sm-3 control-label no-padding-right">审批人</label>
                        <div class="col-sm-9">
                            <div id="approveSpecialActivityItemManSel" class="col-xs-10 col-sm-6 ">
                            </div>
                        </div>
                    </div>
                    <div class="space-4"></div>
                </form>
            </div>

            <div class="modal-footer">
                <button type="button" id="submitSpecialDecorationActivityItemBtn" class="btn btn-primary">保存
                </button>
                <button type="button" id="cancelBtn" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

<!--<button id="btnBack" class="btn btn-info" type="button">
    <i class="icon-mail-forward "></i>返回
</button>-->
<script type="text/javascript">
    $.loadScript(['js/utils/decorationPageUtils.js', 'js/utils/decorationUtils.js', 'js/decoration/decorationActivityItem.js', 'js/utils/approvalUtils.js']);
</script>
